.header,.banner,.service,.news,.usr,.footer{
    width: 100%;

}
.header .container{
    width: 1210px;
    margin: 0 auto;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sep{
    display: inline-block;
    color: #7f7f7f;
}
.header .container .nav li{
    display: inline-block;
    width: 89px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.header .container .nav li a{
    font-size: 18px;
    color: black;
}
.banner img{
    display: block;
    width: 100%;
    font-size: 0px;
}
.service .container{
    width: 1210px;
    margin: 0 auto;
    padding: 27px 0px 42px;
    height: 728px;
    box-sizing: border-box;
    text-align: center;
}
.service .container .head .title,.news .container .head .title,.usr .container .head .title{
    font-size: 46px;
}
.service .container .about .desc,.news .container .about .desc,.usr .container .about .desc{
    margin-top: 15px;
    font-size: 14px;
}
.service .container .content{
    display:table;
    text-align: center;
}
.service .container .content .item{
    margin: 28px 25px;
    height: 250px;
    width: 349px;
    float: left;
    text-align: center;
}
.service .container .content .item .img{
    width: 104px;
    height: 104px;
    border-radius: 50%;
    border: 1px solid #198ede;
    position: relative;
    margin-bottom: 24px;
    left: 50%;
    transform: translate(-50%);
}
.service .container .content .item .img i{
    font-size: 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #198ede;
}
.service .container .content .item .text .title{
    font-size: 26px;
    margin: 24px 0px 12px;
}
.service .container .content .item .text .desc{
    font-size: 14px;
}
.news{
    height: 406px;
    background-color: #f5f5f5;
}
.news .container{
    width: 1210px;
    margin: 0 auto;
    padding: 27px 0px 28px;
    height: 406px;
    box-sizing: border-box;
    text-align: center;
}
.news .container .content{
    margin-top: 30px;
    display: flex;
}
.news .container .content .left{
    width: 771px;
    text-align: left;
}
.news .container .content .left .title{
    font-size: 26px;
    margin-bottom: 14px;
}
.news .container .content .left .desc{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 50px;
}
.news .container .content .left img{
    display: inline-block;
    margin-left: 23px;
    font-size: 0px;
}
.news .container .content .right{
    margin-left: 46px;
    text-align: left;
    width: 390px;
}
.news .container .content .right .title{
    font-size: 26px;

}
.news .container .content .right .desc{
    float: left;
}
.news .container .content .right li:first-child{
    margin-top: 15px;
}
.news .container .content .right li{
    margin-top: 18px;
}
.news .container .content .right .date{
    float: right;
}
.usr{
    height: 490px;
}
.usr .container{
    width: 1210px;
    margin: 0 auto;
    padding: 41px 0px 28px;
    height: 490px;
    box-sizing: border-box;
    text-align: center;
}
.usr .container .img{
    margin-top: 26px;
}
.usr .container .img img{
    margin: 3px;
}
.footer{
    height: 224px;
    background-color:#252e3f;
}
.footer .container{
    width: 1210px;
    margin: 0 auto;
    padding: 28px 0px;
    height: 196px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    justify-content: space-between;
}
.footer .container ul{
    float: left;
    text-align: left;
}
.footer .container ul li:first-child{
    color: white;
    margin-bottom: 11px;
    font-size: 18px;
}
.footer .container ul li{
    color: #c7ccd6;
    height: 20px;
    line-height: 20px;
}
.footer .footer-bottom{
    width: 1210px;
    margin: 0 auto;
    text-align: center;
    color: #c7ccd6;
}